:root {
  --system-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --primary: #4711de;
  --ui-green: #28c840;
  --ui-red: #ff5f57;
  --ui-yellow: #febc2e;
  --ui-light: #f8f2fb;
  --gray-l: #cbcbcb;
  --gray-m: #878787;
  --gray-md: #585a51;
  --gray-d: #414339;
  --text: #333;
  --text-d: #333;
  --purple-ll: #f6f2ff;
  --purple-l: #ece3ff;
  --purple-lm: #deceff;
  --purple-m: #7335d7;
  --purple-d: #6500bf;
  --orange: #fcaa5e;
}

html[data-dark-mode="true"] {
  --ui-green: #5bc553;
  --text: #f5f5f5;
  --primary: #6232e6;
  --purple-m: #8c57e3;
  --purple-md: #432d68;
  --purple-d: #350b5a;
  --gray-l: #c6c4d0;
  --gray-m: #7d7483;
  --gray-md: #55515a;
  --gray-d: #3d3943;
}
